table.pedido {
    width: 100%;
    border: 1px solid #024;
    border-spacing: 10px;
    border-collapse: : separate;
}

table.pedido th, table.pedido td {
    padding: 8px;
}

table.pedido tr.par {
    background-color: white;
}

table.pedido tr.impar {
    background-color: #DDD;
}

table.pedido tr.divida {
    background-color: #DDD;
    color: red;
    font-weight: bold;
}

table.pedido th, table.pedido tr.total td {
    background-color: #024;
    color: white;
    font-weight: bold;
}

.item, .quantidade {
    width: 4%;
}

.operacao {
    width: 8%;
}

.codigo {
    width: 6%;
}

.valor_unitario, .valor_pago, .valor_total {
    width: 12%
}

.descricao {
    width: 26%;
}

.pontos {
    width: 4%;
}

.total_pontos {
    width: 12%;
}

.recebido {
    width: 60%
}

input {
    margin-bottom: 10px;
    font-size: 13px;
}

#busca, #nome_cliente {
    width: 910px;
}

#codigo_produto {
    width: 80px;
}

#quantidade_produto {
    width: 50px;
}

#nome_produto {
    width: 520px;
}

#preco_produto {
    width: 80px;
}

#pontos_produto {
    width: 70px;
}

.nome_pedido {
    background-color: #024;
    background-image: url('/static/img/bg.jpg');
    color: white;
    text-align: right;
    margin-bottom: 5px;
    padding: 5px 10px;
    
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}